<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>fireHydrant</title>
  <script type="text/javascript" th:inline="JavaScript">
  </script>
</head>

<body>
  <div th:fragment="teamwork">

    <!-- 协同框 -->
    <div class="cd-popup3" id="teamworkModalBox">
      <div id="teamworkModal" class="teamworkModal cd-popup-container3">
        <div class="modal-top"></div>
        <div class="modal-title">任务单</div>
        <div class="listModal clearfix">
          <div class="alarmInfo">
            <p class="title">报警信息</p>
            <ul>
              <li>报警地址：<span class="address">杭州</span></li>
              <li>报警类型：<span class="alarmType">终端报警</span></li>
              <li>报警时间：<span class="alarmTime">2019</span></li>
              <li>负责人/联系方式：<span class="linkMan1">张三/123</span></li>
            </ul>
          </div>
          <div class="ambitusInfo">
            <p class="title">周边信息</p>
            <div class="ambitusInfoList ambitusInfoList1">
              <div class="ambitusInfoItem">
                <p class="listTit">周边消防栓</p>
                <div class="ambitusInfo_scroll">
                  <ul class="borderBottom _panel-box xfsData">
                    <!-- <li><span class="">秋涛路22号</span><span class="fr">100m</span></li>
                    <li><span class="">秋涛路22号</span><span class="fr">100m</span></li> -->

                  </ul>
                </div>
              </div>
              <div class="ambitusInfoItem">
                <p class="listTit">重点人员信息</p>
                <div class="ambitusInfo_scroll">
                  <ul class="_panel-box zdryData">
                    <!-- <li>张三，70岁，男，聋哑人，123，上城区</li>
                    <li>张三，70岁，男，聋哑人，123，上城区</li> -->

                  </ul>
                </div>
              </div>
            </div>

            <div class="ambitusInfoList">
              <div class="ambitusInfoItem">
                <p class="listTit">周边协同点</p>
                <div class="ambitusInfo_scroll">
                  <ul class="borderBottom _panel-box ydhData">
                    <!-- <li>
                      <label><i></i><input type="checkbox" style="display: none;"></label>
                      <span>秋涛路22号</span>
                      <span class="fr">100m</span>
                    </li>
                    <li>
                      <label>
                        <i></i>
                        <input type="checkbox" style="display: none;">
                      </label>
                      <span>秋涛路22号</span>
                      <span class="fr">100m</span>
                    </li> -->

                  </ul>
                </div>
              </div>


              <div class="ambitusInfoItem">
                <p class="listTit">协同内容</p>
                <div class="ambitusInfo_scroll">

                  <div class="cooContentTabBox _panel-box">
                    <div class="fl">
                      <label>
                        <i></i>
                        <input type="checkbox" style="display: none;">
                      </label>
                      <span>需要现场查看确认</span>
                    </div>
                    <div class="fl">
                      <label>
                        <i></i>
                        <input type="checkbox" style="display: none;">
                      </label>
                      <span>需要人员支援</span>
                    </div>
                    <div class="fl">
                      <label>
                        <i></i>
                        <input type="checkbox" style="display: none;">
                      </label>
                      <span>需要灭火器</span>
                    </div>
                    <div class="fl">
                      <label>
                        <i></i>
                        <input type="checkbox" style="display: none;">
                      </label>
                      <span>需要破拆工具</span>
                    </div>
                    <div class="fl">
                      <label>
                        <i></i>
                        <input type="checkbox" style="display: none;">
                      </label>
                      <span>需要水带、水枪</span>
                    </div>
                    <div class="fl">
                      <label>
                        <i></i>
                        <input type="checkbox" style="display: none;">
                      </label>
                      <span>需要现场维稳</span>
                    </div>
                    <div class="fl">
                      <label>
                        <i></i>
                        <input type="checkbox" style="display: none;">
                      </label>
                      <span>需要防护设备</span>
                    </div>
                    <div class="fl">
                      <label>
                        <i></i>
                        <input type="checkbox" style="display: none;">
                      </label>
                      <span>需要消防梯</span>
                    </div>
                  </div>
                  <!-- <ul class="_panel-box">
                      <li>
                        <input type="checkbox">
                        <span>秋涛路22号</span>
                      </li>
                      <li>
                        <input type="checkbox">
                        <span>秋涛路22号</span>
                      </li>
                      <li>
                        <input type="checkbox">
                        <span>秋涛路22号</span>
                      </li>
                      <li>
                        <input type="checkbox">
                        <span>秋涛路22号</span>
                      </li>
                      <li>
                        <input type="checkbox">
                        <span>秋涛路22号</span>
                      </li>
                    </ul> -->
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- 备注 -->
        <div class="remark">
          <p class="title">备注</p>
          <textarea name="remark" cols="30" rows="10"></textarea>
        </div>
        <div class="handleBox">
          <span class="handleStyle btnStyle sendBtn">发送</span>
          <span class="handleStyle btnStyle cancelBtn">取消</span>
        </div>
        <a href="javascript:;" class="cd-popup-close closeModal"></a>
      </div>
    </div>
  </div>
</body>

</html>